<html>
<head th:include="/views/mobile/partial/head_live"></head>
<style type="text/css">
  
</style>

<body>

    <section th:replace="/views/mobile/partial/header(title='CES Asia 2015')"></section>
    
    <section th:replace="/views/mobile/partial/cover"></section>
  <div class="wrap-container">
    
    
    <div class="introContainer clearfix">

          <div class="intoImg">
              <img th:src="@{/src/img/live/cesasia2015/cesdescbanner.png}" />
          </div>
          <div class="introContext"  fx="limit-context" context="简介：大会第一天：5月25日（星期一）上午9点 – 下午5点大会第二天：5月26日（星期二）上午9点 – 下午5点大会第三天：5月27日（星期三）上午9点 – 下午3点（公众开放日）N1展厅：机器人产品/智能家居/健身及运动/视频及4K超高清设备/电子游戏/可穿戴设备/健康产品/家庭娱乐/生活科技N2展厅：3D 打印/汽车电子/移动设备/绿色科技 位于 上海新国际博览中心" limitNum="60">
              <span class="content" ></span>
          </div>
      
    </div>
   


   <div class="date-tab-container clearfix">
        <strong class="pleaseChooseDate">日期选择： </strong>
        <span class="tab" date-val="27">05-27</span>
        <span class="tab" date-val="26">05-26</span>
        <span class="tab" date-val="25">05-25</span>
        <a href="#" class="refresh" id="refresh-live"
          th:onclick="'javascript:refresh();return false;'" title="刷新消息"><i
          class="fa fa-refresh"></i></a>
       
   </div>
   


    <div class="timelineContainer"  th:if="${timelines.size()>0}">
                
                <div  class="timeline clearfix" th:each="timeline : ${timelines}">
                      <div class="timelineTypePicContainer" th:switch="${timeline.type}">
                          <img class="typeImg" th:case="'text'" th:src="@{/lib/vertical_timeline/img/cd-icon-location.svg}"
                            alt="Location" />
                          <img class="typeImg" th:case="'image'" th:src="@{/lib/vertical_timeline/img/cd-icon-picture.svg}"
                            alt="Picture" />
                          <img class="typeImg" th:case="*" th:src="@{/lib/vertical_timeline/img/cd-icon-movie.svg}"
                            alt="Movie" />
                      </div>

                      <div class="timelineContentContainer">
                         <div class="date-div">
                            <strong class="reporter"><img th:src="@{/src/img/live/cesasia2015/cesdescbanner.png}" />范客直播君@CESASIA2015:</strong>
                            <br/>
                            <span class="cd-date"
                              th:text="${#dates.format(timeline.createTime, 'yyyy-MMM-dd HH:mm')}">2015-05-25</span>
                            <span class="qDate"
                              th:attr="data-date=${#dates.day(timeline.createTime)}"
                              style="display: none"
                              th:text="${#dates.year(timeline.createTime)} + '.' + ${#dates.month(timeline.createTime)} + '.' + ${#dates.day(timeline.createTime)} + ' ' + ${#dates.hour(timeline.createTime)} + ':' + ${#dates.minute(timeline.createTime)} + ':' + ${#dates.second(timeline.createTime)}">2015.05.25
                              00:00:00</span>
                          </div>
                          <div th:switch="${timeline.type}" class="content">
                            <p th:case="'text'" th:text="${timeline.content}" >Tech Crunch 2015 上海</p>
                            <img th:case="'image'" th:attr="data-url=${timeline.content}"  alt="Tech Crunch 2015 上海" />
                            <div th:case="*" class="video_box"  th:attr="videoSrc=${timeline.content}" onclick="startLoadVideo(this)">
                              <span class="clickmeLoadVideo">点我加载视频</span>

                            </div>
                          </div>
                         
                      </div>
                </div>


  </div>


    <section th:replace="/views/mobile/partial/toTop"></section>
  </div>
    
<script type="text/javascript" th:src="@{/src/js/faxsun.jq.plugin.js}"></script>
<script type="text/javascript" th:src="@{/src/js/faxsun-for-mobile.js}"></script>
<script type="text/javascript" th:src="@{/src/js/faxsun.jq.account.js}"></script>
<script type="text/javascript">
  $(function(){

        $(".timelineTypePicContainer").height($(".timelineTypePicContainer").width());
       set_cover_toggle();
        hideOrShowTotop();
        initDateTabNav();

  });

</script>
<script th:inline="javascript">
  var checkAnyNewId;
  $(document).ready(function() {
      $("#refresh-live").hide();
      checkAnyNewId = setInterval(checkAnyNew, 30000);
  });

  var pathArray = window.location.pathname.split('/');
  var context = pathArray[1];
  var checkNewUrl = [[@{/live/cesasia2015/checkAnyNew}]];

  var refresh = function() {
      window.location.href = [[@{/live/cesasia2015}]];
  };

  var checkAnyNew = function() {
      var qDate = $(".qDate").first();
      $.ajax({
          type: "POST",
          data: {
              "qDate": qDate.text()
          },
          url: checkNewUrl,
          success: function(data) {
              if (data == 'true') {
                  $("#refresh-live").show();
                  clearInterval(checkAnyNewId);
              } else {
                  $("#refresh-live").hide();
              }
          },
          error: function(xhr, error) {
              alert(error + "-更新出错，请稍后再试");
          }
      });
  }
</script>
</body>
</html>